<template>
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img :src="weibo.img"  alt="...">
      <div class="caption">
        <h3>{{weibo.title}}</h3>
        <p>{{weibo.content}}</p>
        <el-button type="primary" @click="showWeibo">详情</el-button>
      </div>
    </div>
  </div>
  <script src="../client-ui/src/views/js/jquery-1.11.0.min.js" ></script>
  <script src="../client-ui/src/views/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../client-ui/src/views/easyui/jquery.easyui.min.js"></script>
</template>

<script setup>
import {useRouter} from "vue-router";

const router = useRouter()
const props = defineProps({
  weibo:{
    title: String,
    content: String,
    userLoginname: String,
    img: String,
  }
})
const showWeibo = () => {
  console.log(weibo)
}
</script>

<style scoped>
h2{text-align:center;margin-bottom:50px;}
body{background:#eee}
.thumbnail img{max-height:120px}
</style>